<template>
  <div>
    <!-- 双向数据绑定 -->
    用户名: <input id="username" v-model="msg" type="text" /><br />
    自我介绍:
    <textarea v-model="intro" name="" id="" cols="30" rows="10"></textarea
    ><br />
    <!-- v-model修饰符 -->
    <!-- .number -->
    <!-- 双向绑定回表单元素时，转成number类型 -->
    年龄: <input v-model.number="age" type="text" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "123",
      intro: "",
      age:''
    };
  },
};
</script>

<style>
</style>